<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>Nginx代理服务器方式解决实际开发中Ajax请求的跨域问题 | HankChan&#39;s Blog</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="这是最简单的解决方案示例，具体开发中可以根据不同的需求在此基础上去实现更加贴合开发需求的解决方案。提要：在实际开发中，由于前后端分离的需要，将后台web应用部署到服务器（Tomcat为例），而前端页面不与web应用耦合，另外部署到其他节点（本例中采用Nginx部署）这样就让后台专注于对外提供API接口，而在前端页面可以通过Ajax调用API接口获取相关的服务。前后端分离的好处就不过多赘述，主要简单">
<meta property="og:type" content="article">
<meta property="og:title" content="Nginx代理服务器方式解决实际开发中Ajax请求的跨域问题">
<meta property="og:url" content="http://hexo.hankchan.cn/2016/10/16/nginx-e4-bb-a3-e7-90-86-e6-9c-8d-e5-8a-a1-e5-99-a8-e6-96-b9-e5-bc-8f-e8-a7-a3-e5-86-b3-e5-ae-9e-e9-99-85-e5-bc-80-e5-8f-91-e4-b8-adajax-e8-af-b7-e6-b1-82-e7-9a-84-e8-b7-a8-e5-9f-9f-e9-97-ae-e9-a2-98/index.html">
<meta property="og:site_name" content="HankChan&#39;s Blog">
<meta property="og:description" content="这是最简单的解决方案示例，具体开发中可以根据不同的需求在此基础上去实现更加贴合开发需求的解决方案。提要：在实际开发中，由于前后端分离的需要，将后台web应用部署到服务器（Tomcat为例），而前端页面不与web应用耦合，另外部署到其他节点（本例中采用Nginx部署）这样就让后台专注于对外提供API接口，而在前端页面可以通过Ajax调用API接口获取相关的服务。前后端分离的好处就不过多赘述，主要简单">
<meta property="og:updated_time" content="2017-05-26T02:13:23.615Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Nginx代理服务器方式解决实际开发中Ajax请求的跨域问题">
<meta name="twitter:description" content="这是最简单的解决方案示例，具体开发中可以根据不同的需求在此基础上去实现更加贴合开发需求的解决方案。提要：在实际开发中，由于前后端分离的需要，将后台web应用部署到服务器（Tomcat为例），而前端页面不与web应用耦合，另外部署到其他节点（本例中采用Nginx部署）这样就让后台专注于对外提供API接口，而在前端页面可以通过Ajax调用API接口获取相关的服务。前后端分离的好处就不过多赘述，主要简单">
  
    <link rel="alternate" href="/atom.xml" title="HankChan&#39;s Blog" type="application/atom+xml">
  
  
    <link rel="icon" href="/favicon.png">
  
  
    <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
  
  <link rel="stylesheet" href="/css/style.css">
  

</head>

<body>
  <div id="container">
    <div id="wrap">
      <header id="header">
  <div id="banner"></div>
  <div id="header-outer" class="outer">
    <div id="header-title" class="inner">
      <h1 id="logo-wrap">
        <a href="/" id="logo">HankChan&#39;s Blog</a>
      </h1>
      
        <h2 id="subtitle-wrap">
          <a href="/" id="subtitle">生活就像海洋</a>
        </h2>
      
    </div>
    <div id="header-inner" class="inner">
      <nav id="main-nav">
        <a id="main-nav-toggle" class="nav-icon"></a>
        
          <a class="main-nav-link" href="/">Home</a>
        
          <a class="main-nav-link" href="/archives">Archives</a>
        
      </nav>
      <nav id="sub-nav">
        
          <a id="nav-rss-link" class="nav-icon" href="/atom.xml" title="RSS Feed"></a>
        
        <a id="nav-search-btn" class="nav-icon" title="搜索"></a>
      </nav>
      <div id="search-form-wrap">
        <form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" class="search-form-input" placeholder="Search"><button type="submit" class="search-form-submit">&#xF002;</button><input type="hidden" name="sitesearch" value="http://hexo.hankchan.cn"></form>
      </div>
    </div>
  </div>
</header>
      <div class="outer">
        <section id="main"><article id="post-nginx-e4-bb-a3-e7-90-86-e6-9c-8d-e5-8a-a1-e5-99-a8-e6-96-b9-e5-bc-8f-e8-a7-a3-e5-86-b3-e5-ae-9e-e9-99-85-e5-bc-80-e5-8f-91-e4-b8-adajax-e8-af-b7-e6-b1-82-e7-9a-84-e8-b7-a8-e5-9f-9f-e9-97-ae-e9-a2-98" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-meta">
    <a href="/2016/10/16/nginx-e4-bb-a3-e7-90-86-e6-9c-8d-e5-8a-a1-e5-99-a8-e6-96-b9-e5-bc-8f-e8-a7-a3-e5-86-b3-e5-ae-9e-e9-99-85-e5-bc-80-e5-8f-91-e4-b8-adajax-e8-af-b7-e6-b1-82-e7-9a-84-e8-b7-a8-e5-9f-9f-e9-97-ae-e9-a2-98/" class="article-date">
  <time datetime="2016-10-16T11:02:29.000Z" itemprop="datePublished">2016-10-16</time>
</a>
    
  <div class="article-category">
    <a class="article-category-link" href="/categories/Nginx/">Nginx</a>
  </div>

  </div>
  <div class="article-inner">
    
    
      <header class="article-header">
        
  
    <h1 class="article-title" itemprop="name">
      Nginx代理服务器方式解决实际开发中Ajax请求的跨域问题
    </h1>
  

      </header>
    
    <div class="article-entry" itemprop="articleBody">
      
        <h2 id="这是最简单的解决方案示例，具体开发中可以根据不同的需求在此基础上去实现更加贴合开发需求的解决方案。"><a href="#这是最简单的解决方案示例，具体开发中可以根据不同的需求在此基础上去实现更加贴合开发需求的解决方案。" class="headerlink" title="这是最简单的解决方案示例，具体开发中可以根据不同的需求在此基础上去实现更加贴合开发需求的解决方案。"></a>这是最简单的解决方案示例，具体开发中可以根据不同的需求在此基础上去实现更加贴合开发需求的解决方案。</h2><h3 id="提要：在实际开发中，由于前后端分离的需要，将后台web应用部署到服务器（Tomcat为例），而前端页面不与web应用耦合，另外部署到其他节点（本例中采用Nginx部署）这样就让后台专注于对外提供API接口，而在前端页面可以通过Ajax调用API接口获取相关的服务。前后端分离的好处就不过多赘述，主要简单介绍在这个过程中的ajax请求的跨域问题。"><a href="#提要：在实际开发中，由于前后端分离的需要，将后台web应用部署到服务器（Tomcat为例），而前端页面不与web应用耦合，另外部署到其他节点（本例中采用Nginx部署）这样就让后台专注于对外提供API接口，而在前端页面可以通过Ajax调用API接口获取相关的服务。前后端分离的好处就不过多赘述，主要简单介绍在这个过程中的ajax请求的跨域问题。" class="headerlink" title="提要：在实际开发中，由于前后端分离的需要，将后台web应用部署到服务器（Tomcat为例），而前端页面不与web应用耦合，另外部署到其他节点（本例中采用Nginx部署）这样就让后台专注于对外提供API接口，而在前端页面可以通过Ajax调用API接口获取相关的服务。前后端分离的好处就不过多赘述，主要简单介绍在这个过程中的ajax请求的跨域问题。"></a><a href="https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#提要在实际开发中由于前后端分离的需要将后台web应用部署到服务器tomcat为例而前端页面不与web应用耦合另外部署到其他节点本例中采用nginx部署这样就让后台专注于对外提供api接口而在前端页面可以通过ajax调用api接口获取相关的服务前后端分离的好处就不过多赘述主要简单介绍在这个过程中的ajax请求的跨域问题" target="_blank" rel="external"></a>提要：在实际开发中，由于前后端分离的需要，将后台web应用部署到服务器（Tomcat为例），而前端页面不与web应用耦合，另外部署到其他节点（本例中采用Nginx部署）这样就让后台专注于对外提供API接口，而在前端页面可以通过Ajax调用API接口获取相关的服务。前后端分离的好处就不过多赘述，主要简单介绍在这个过程中的ajax请求的跨域问题。</h3><h3 id="原理：就是利用了Nginx作为代理服务器，将所有的请求啊应用部署地址啊等等等等都proxy到Nginx这里，也就是说这样一来就相当于前后端虽然部署的位置不同，但是经过代理服务器这么一折腾，就不属于跨域调用啦！"><a href="#原理：就是利用了Nginx作为代理服务器，将所有的请求啊应用部署地址啊等等等等都proxy到Nginx这里，也就是说这样一来就相当于前后端虽然部署的位置不同，但是经过代理服务器这么一折腾，就不属于跨域调用啦！" class="headerlink" title="原理：就是利用了Nginx作为代理服务器，将所有的请求啊应用部署地址啊等等等等都proxy到Nginx这里，也就是说这样一来就相当于前后端虽然部署的位置不同，但是经过代理服务器这么一折腾，就不属于跨域调用啦！"></a><a href="https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#原理就是利用了nginx作为代理服务器将所有的请求啊应用部署地址啊等等等等都proxy到nginx这里也就是说这样一来就相当于前后端虽然部署的位置不同但是经过代理服务器这么一折腾就不属于跨域调用啦" target="_blank" rel="external"></a>原理：就是利用了Nginx作为代理服务器，将所有的请求啊应用部署地址啊等等等等都proxy到Nginx这里，也就是说这样一来就相当于前后端虽然部署的位置不同，但是经过代理服务器这么一折腾，就不属于跨域调用啦！</h3><h3 id="下面开始吧！"><a href="#下面开始吧！" class="headerlink" title="下面开始吧！"></a><a href="https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#下面开始吧" target="_blank" rel="external"></a>下面开始吧！</h3><h3 id="1-关于web项目（项目命名为：chats-web）开发（主要关注注解-RequestMapping的value值）"><a href="#1-关于web项目（项目命名为：chats-web）开发（主要关注注解-RequestMapping的value值）" class="headerlink" title="1. 关于web项目（项目命名为：chats-web）开发（主要关注注解@RequestMapping的value值）"></a><a href="https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#1-关于web项目项目命名为chats-web开发主要关注注解requestmapping的value值" target="_blank" rel="external"></a>1. 关于web项目（项目命名为：<em>chats-web</em>）开发（主要关注注解<code>@RequestMapping</code>的value值）</h3><p>在开发web项目过程中，我采用了Spring+SpringMVC+Mybatis框架。通过SpringMVC的控制器设计api接口。 具体APIs接口示例代码如下：</p>
<pre><code>    @RequestMapping(&quot;/test.json&quot;)
    public @ResponseBody APIResult test(HttpServletRequest req, HttpServletResponse rsp) {
        APIResult result = APIResult.prepare();
        Map&amp;lt;String, String&amp;gt; map = new HashMap&amp;lt;&amp;gt;();
        map.put(&quot;name&quot;, &quot;DavidBeckham&quot;);
        map.put(&quot;age&quot;, &quot;35&quot;);
        map.put(&quot;team&quot;, &quot;Man United&quot;);
        map.put(&quot;time&quot;, new Date().toString());
        return map != null ? result.ok(map) : result.error(&quot;failure..&quot;);
    }
`&lt;/pre&gt;

### [](https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#2-关于前端项目项目命名为portal开发主要关注ajax请求的url参数)2\. 关于前端项目（项目命名为：_portal_）开发（主要关注Ajax请求的URL参数）

在portal项目开发中，主要是使用HTML+JS/jQuery开发。其中一个页面的调用设计如下：
&lt;pre&gt;`function ajaxReq() {           
        var url=&quot;/chats-web/test.json&quot;;
        var oData = document.getElementById(&apos;data&apos;);
        $.getJSON(url, function (json) {                                
            oData.innerHTML = &quot;name:&quot; + json.result.name + &quot;; team:&quot; + json.result.team;
        });
}
`&lt;/pre&gt;

#### [](https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#通过上述的前后端项目开发如果将两个项目分离部署显然存在一个ajax请求的跨域问题有一种解决方法是jsonp但是这个方法的缺点是只能使用get的请求方式)通过上述的前后端项目开发，如果将两个项目分离部署，显然存在一个ajax请求的跨域问题。有一种解决方法是JSONP，但是这个方法的缺点是只能使用GET的请求方式。

#### [](https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#于是所以我们采用另外的一种解决方案代理服务器解决方案在此使用nginx作为代理服务器)于是所以我们采用另外的一种解决方案：代理服务器解决方案（在此使用Nginx作为代理服务器）。

### [](https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#3-关于nginx配置部署chats-web应用和portal应用并且解决ajax跨域问题的方法)3\. 关于Nginx配置部署chats-web应用和portal应用并且解决Ajax跨域问题的方法

#### [](https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#31-chats-web应用部署)3.1 chats-web应用部署

我们将chats-web应用部署在tomcat服务器的8080端口，使用war部署就行啦。

#### [](https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#32-portal应用部署)3.2 portal应用部署

portal应用就是静态页面而已，通过调用api接口去渲染页面。所以将portal项目放在一个本地目录中。本例中放在：`/home/hankchan101/html/chats-portal`中。 注意index页面实际目录为：`/home/hankchan101/html/chats-portal/portal/index.html`。

#### [](https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#33-配置nginx)3.3 配置Nginx

完成两个项目的部署之后，就可以开始配置Nginx的配置文件啦。 nginx.conf配置文件关键内容如下：
&lt;pre&gt;`#配置反向代理的地址
upstream chats-web {
    server 192.168.154.162:8080;
}       

server {
listen   80;
server_name  192.168.154.162;                       
    root /home/hankchan101/html/chats-portal;   

    #将所有请求都转到portal项目所在路径
    location / {  
        root /home/hankchan101/html/chats-portal;  
    }

    #将/chats-web开头的请求（API接口调用的请求）配置反向代理
    location /chats-web {       
        proxy_pass http://chats-web;          
    }
    #略
    #略
}
</code></pre><h4 id="Bingo！最简单的示例解决方案完成！"><a href="#Bingo！最简单的示例解决方案完成！" class="headerlink" title="Bingo！最简单的示例解决方案完成！"></a><a href="https://github.com/hank0chan/blog/blob/master/201610/Nginx%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%A7%A3%E5%86%B3Ajax%E8%B7%A8%E5%9F%9F%E8%AF%B7%E6%B1%82%E9%97%AE%E9%A2%98.md#bingo最简单的示例解决方案完成" target="_blank" rel="external"></a>Bingo！最简单的示例解决方案完成！</h4><p>虽然现在看起来很简单，其实也是费了不少时间Google了好久爬了好半天坑才解决的。总算是对自己有个交代哈哈哈</p>

      
    </div>
    <footer class="article-footer">
      <a data-url="http://hexo.hankchan.cn/2016/10/16/nginx-e4-bb-a3-e7-90-86-e6-9c-8d-e5-8a-a1-e5-99-a8-e6-96-b9-e5-bc-8f-e8-a7-a3-e5-86-b3-e5-ae-9e-e9-99-85-e5-bc-80-e5-8f-91-e4-b8-adajax-e8-af-b7-e6-b1-82-e7-9a-84-e8-b7-a8-e5-9f-9f-e9-97-ae-e9-a2-98/" data-id="cj359k3zk001cfwv70tnl3tj2" class="article-share-link">Share</a>
      
      
    </footer>
  </div>
  
    
<nav id="article-nav">
  
    <a href="/2017/01/03/springmvc-thymeleaf-e5-bc-80-e5-8f-91-e6-8c-87-e5-8d-97-demo/" id="article-nav-newer" class="article-nav-link-wrap">
      <strong class="article-nav-caption">Newer</strong>
      <div class="article-nav-title">
        
          SpringMVC-Thymeleaf-开发指南-Demo
        
      </div>
    </a>
  
  
    <a href="/2016/10/11/e5-b7-a5-e5-8e-82-e6-a8-a1-e5-bc-8f-e5-92-8c-e5-8d-95-e4-be-8b-e6-a8-a1-e5-bc-8f-e7-bb-93-e5-90-88-e5-ba-94-e7-94-a8-e7-9a-84-e5-9c-ba-e6-99-af-e6-80-9d-e8-80-83/" id="article-nav-older" class="article-nav-link-wrap">
      <strong class="article-nav-caption">Older</strong>
      <div class="article-nav-title">工厂模式和单例模式结合应用的场景思考</div>
    </a>
  
</nav>

  
</article>

</section>
        
          <aside id="sidebar">
  
    
  <div class="widget-wrap">
    <h3 class="widget-title">分类</h3>
    <div class="widget">
      <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Docker/">Docker</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Eclipse/">Eclipse</a><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/Eclipse/Mybatis/">Mybatis</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Eclipse/Spring/">Spring</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Eclipse/分布式/">分布式</a></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/Git/">Git</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Linux/">Linux</a><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/Linux/Nginx/">Nginx</a></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/Mybatis/">Mybatis</a><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/Mybatis/Spring/">Spring</a><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/Mybatis/Spring/SpringMVC/">SpringMVC</a></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/Mybatis/SpringMVC/">SpringMVC</a></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/Nginx/">Nginx</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/Spring/">Spring</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/SpringMVC/">SpringMVC</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/分布式/">分布式</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/日志管理/">日志管理</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/未分类/">未分类</a></li></ul>
    </div>
  </div>


  
    

  
    
  
    
  <div class="widget-wrap">
    <h3 class="widget-title">归档</h3>
    <div class="widget">
      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/03/">三月 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/01/">一月 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/10/">十月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/09/">九月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/08/">八月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/07/">七月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/06/">六月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/05/">五月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/04/">四月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/03/">三月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/02/">二月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/01/">一月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/12/">十二月 2015</a></li></ul>
    </div>
  </div>


  
    
  <div class="widget-wrap">
    <h3 class="widget-title">最新文章</h3>
    <div class="widget">
      <ul>
        
          <li>
            <a href="/2017/03/13/docker-e5-be-ae-e6-9c-8d-e5-8a-a1-e5-ae-b9-e5-99-a8-e5-8c-96-e5-bc-80-e5-8f-91-e6-8e-a2-e7-b4-a2/">Docker-微服务容器化开发探索</a>
          </li>
        
          <li>
            <a href="/2017/01/20/drds-e7-bb-93-e5-90-88mybatis-e8-a7-a3-e5-86-b3-e6-96-b9-e6-a1-88-e4-b8-8e-e8-a7-84-e8-8c-83/">DRDS结合Mybatis解决方案与规范</a>
          </li>
        
          <li>
            <a href="/2017/01/03/springmvc-thymeleaf-e5-bc-80-e5-8f-91-e6-8c-87-e5-8d-97-demo/">SpringMVC-Thymeleaf-开发指南-Demo</a>
          </li>
        
          <li>
            <a href="/2016/10/16/nginx-e4-bb-a3-e7-90-86-e6-9c-8d-e5-8a-a1-e5-99-a8-e6-96-b9-e5-bc-8f-e8-a7-a3-e5-86-b3-e5-ae-9e-e9-99-85-e5-bc-80-e5-8f-91-e4-b8-adajax-e8-af-b7-e6-b1-82-e7-9a-84-e8-b7-a8-e5-9f-9f-e9-97-ae-e9-a2-98/">Nginx代理服务器方式解决实际开发中Ajax请求的跨域问题</a>
          </li>
        
          <li>
            <a href="/2016/10/11/e5-b7-a5-e5-8e-82-e6-a8-a1-e5-bc-8f-e5-92-8c-e5-8d-95-e4-be-8b-e6-a8-a1-e5-bc-8f-e7-bb-93-e5-90-88-e5-ba-94-e7-94-a8-e7-9a-84-e5-9c-ba-e6-99-af-e6-80-9d-e8-80-83/">工厂模式和单例模式结合应用的场景思考</a>
          </li>
        
      </ul>
    </div>
  </div>

  
</aside>
        
      </div>
      <footer id="footer">
  
  <div class="outer">
    <div id="footer-info" class="inner">
      &copy; 2017 Hank Chan<br>
      Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
    </div>
  </div>
</footer>
    </div>
    <nav id="mobile-nav">
  
    <a href="/" class="mobile-nav-link">Home</a>
  
    <a href="/archives" class="mobile-nav-link">Archives</a>
  
</nav>
    

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>


  <link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
  <script src="/fancybox/jquery.fancybox.pack.js"></script>


<script src="/js/script.js"></script>

  </div>
</body>
</html>